This document discusses web apps versus native apps for iPhone and other mobile platforms. It covers key differences like programming languages used, app distribution methods, and costs. It also explores using HTML5 to build web apps that work across different mobile platforms without needing separate native apps. Finally, it provides tips for optimizing web apps for iPhone, including viewport settings, touch icons, and using libraries like jQTouch to create an iPhone-like user interface.
A presentation about Ionic SDK in the first meetup of Google Developers Group (GDG) in Feira de Santana, Bahia, Brazil.
Mistakes, misconceptions, over-indulgences, minutia, and generally silly aspects of modern web accessibility. Presented at SXSWi 2010.
Join us for a session on building incredible iPad apps with Flex. Too good to be true? Actually the Flex SDK has a whole set of components and classes suited to easily build iPad apps. I would even say it's the fastest and easiest way to build iPad apps out there. Don't believe me? Then come and see how I unravel the hidden gems of the Flex SDK and build 10 application in less than 60 minutes. You will learn how easy it is to build powerful view navigation with little code. You will explore all the different components that the Flex SDK provides you. Additionally you will learn in this code intense talk how to build effective custom item renders. Wait, there is even more, we'll throw in tips and tricks how to use Swiz to complement the SDKs built in mechanism to pass data among views, how to integrate google maps and Mapquest, and how to communicate effectively with a server using XML and JSON. You will acquire all the secret to build kick-ass applications that can be deployed on Apple App Store.
Extended version of my "Making your site mobile-friendly" talk, including a short look at native applications vs web apps, for the UKOLN DevCSI event "Developing for Mobile Applications in Education" in Reading http://www.ukoln.ac.uk/events/devcsi/mobile_applications/
The document discusses making websites mobile-friendly by either creating a separate mobile site with a different domain (like m.example.com) or using a single adaptive site with fluid layouts, viewport meta tags, and CSS media queries to dynamically adjust the layout for different screen sizes. It recommends minimizing requests through techniques like CSS sprites and combining files to optimize performance on mobile networks.
Our December Refresh event was led by web and mobile designer Michael Dick who discussed how to extend the experience from the desktop to the mobile web, as well as tips & tricks you may utilize during the design & development of your mobile site. More info at http://RefreshBmore.org
This document is the HTML source code for the SlideShare homepage at www.slideshare.net. It contains metadata, scripts, and code for the site navigation, header, footer, and various page elements like notifications and ads. The document outlines the basic structure and components of the SlideShare homepage.
This document discusses tools and frameworks for developing iPhone and iPod touch applications. It introduces the iPhone/iPod touch hardware features and describes different types of applications that can be created, including native, web, external platform, and jailbroken apps. It also outlines the steps to set up development environments on Windows and Mac systems. Finally, it provides examples of using the iUI framework to build simple web apps with iPhone interfaces.
The document discusses mobile app development from a web developer's perspective. It covers topics such as web apps vs native apps, technologies for mobile development like HTML5 and frameworks, and specific techniques for mobile like viewport scaling, geolocation APIs, and offline storage. The document provides examples of code for implementing these mobile techniques.
This is a presentation to review and summarize the mobile websites that I have involved in. It includes many practical skills and my own experiences in the development of mobile websites.
This document discusses how to create mobile apps that feel native using only web technologies. It covers supporting features in Mobile Safari like local storage, CSS3 features, and geolocation. It recommends using web technologies over native due to quicker iteration times. Specific techniques covered include detecting browser type, adding home screen icons, startup images, going full screen, and viewport settings. The document also discusses frameworks like jQuery Mobile but notes native DOM APIs may be sufficient. It covers input features, touch vs click, animations, locking orientation, and performance tips. It acknowledges limitations of Android and webOS and recommends testing on actual devices. Finally, it discusses hybrid mobile frameworks like PhoneGap and Titanium that allow developing for multiple platforms using one code
The document discusses building mobile web applications using HTML5. It covers topics like HTML5 features that are well supported on mobile browsers like forms, communication, canvas, geolocation, audio and video. It provides examples of using CSS3 for styling, animation and media queries for responsive design. It also discusses utilizing HTML5 APIs for advanced interactions, graphics, offline support, performance and accessing device capabilities.
Learn how to design responsive HTML5 websites and applications, and learn how to choose the right tool for the job.
The document discusses the state of the smartphone market in 2008 and provides guidance on developing applications for various smartphone platforms. It notes that in 2008, Nokia, RIM, and Samsung dominated the global smartphone market, with Apple growing 245%. It then provides an overview of tools and considerations for developing apps for platforms like iPhone, Android, Blackberry, and mobile Flash, noting that HTML, CSS, and JavaScript can be used to develop for many platforms. Challenges and differences between platforms like screen sizes, SDKs, and programming languages are outlined.
This document provides an overview of mobile web development best practices. It discusses viewport settings and using media queries to optimize layout for different screen sizes. It also recommends techniques like inline images, caching, and local storage to improve performance on mobile. The document encourages front-end logic and feature detection over device detection. Overall, it offers guidance on designing responsive websites that provide a good user experience across diverse mobile platforms and browsers.
The document discusses various techniques for developing mobile web applications, including: 1. Using viewport meta tags to control layout on different screen sizes. 2. Storing cached content in Web Storage instead of cookies for better performance on mobile. 3. Loading images lazily via Ajax to improve perceived performance. 4. Detecting device orientation changes and resizing content appropriately for portrait and landscape modes.
PhoneGap allows developers to build mobile apps using standard web technologies like HTML, CSS, and JavaScript. It works by embedding a webview component within a native container, and provides a bridge for JavaScript to access some device APIs. PhoneGap has grown a large community and supports many mobile platforms. While it allows cross-platform development, apps are still packaged natively and some limitations remain. The future roadmap includes improved plugin support and new features like web sockets and background services to enhance the capabilities of hybrid mobile apps.
This document discusses HTML5 on mobile devices. It begins by explaining why mobile web is growing and why HTML5 is well-suited for mobile. It then provides an overview of what HTML5 is and examples of features like forms, multimedia, geolocation that can be used on mobile. It also discusses considerations for mobile web development like responsive design and frameworks. The document recommends tools for mobile debugging and testing performance.
slides of a presentation about cross-platform mobile app development I gave at MobileTechCon 2010 in Mainz (Germany). Links and additional information on the related blog post at http://HeikoBehrens.net/2010/10/11/cross-platform-app-development-for-iphone-android-co-—-a-comparison-i-presented-at-mobiletechcon-2010/
PhoneGap allows developers to build mobile apps using HTML, CSS and JavaScript instead of relying on platform-specific languages like Objective-C or Java. The document discusses PhoneGap's capabilities and advantages, including writing apps once that run on multiple platforms, using web technologies that are widely known by developers, and leveraging growing browser capabilities on mobile through HTML5. It also outlines PhoneGap's APIs, tools, libraries, and community to help developers get started building cross-platform mobile apps.
The document discusses creating mobile apps without using native code. It describes how mobile apps today are often created natively, but that native apps have disadvantages like being expensive to create and only working on specific platforms. The document then presents alternatives like mobile web apps and hybrid apps. It provides examples of how to build a basic mobile web app using HTML, CSS, and responsive design techniques like viewports and media queries to make the app work well on different devices.
The document summarizes key aspects of building Firefox OS to address issues with the mobile web. Firefox OS is Mozilla's attempt to make the web a first-class citizen on phones and tablets by starting with the web stack rather than trying to add the web to an existing OS. It has launched in several countries and aims to be an affordable alternative to feature phones and closed platforms. The architecture is based on Linux, Gecko, and web technologies. It provides predictable HTML5 support and addresses performance, fragmentation, security and hardware access through its design and web APIs.
This document discusses how to build iPhone apps using only web technologies like HTML5, CSS3, and JavaScript without relying on native iOS frameworks or the App Store. Key points covered include how to create offline-capable apps using the cache manifest, emulate touch events with JavaScript, make the app feel native through CSS transforms and meta tags, and detect device capabilities. The example rubiks cube app demonstrates these techniques to create an offline-capable puzzle game experience on iPhone similar to a native app.
See how PhoneGap (Apache Cordova), an open-source framework, and the Adobe PhoneGap Build service, part of the Adobe Creative Cloud, allow you to create cross-platform mobile apps using the web technologies you know and love: HTML, CSS, and JavaScript. Learn how PhoneGap works and how it will enable you to start building mobile apps with web standards. This talk will introduce you to the PhoneGap API and walk you through how to interact with the JavaScript methods to create interactive, feature-rich mobile applications. You will also get an introduction to PhoneGap Build which allows you to package mobile apps in the cloud. This session will cover: Getting started with the PhoneGap API Interacting with the native device features (camera, video) Accessing and using the geolocation sensors Compiling the application using PhoneGap Build
Introduction to PhoneGap Background Setting up the environment for Android Handling Events Working With The Device, The Network, And Notifications Getting Information from the Device Determining the Connection Type Using Notifications Using Alerts Using Confirmation Dialogs Using Beeps Using Vibrations Accelerometer Using the Acceleration Object Using Accelerometer Methods Media The Media Object Using Media Methods Camera Using The Camera Object Using The Getpicture Method Using Camera Options Geolocation Position, PositionError, Coord Geolocation Methods Geolocation Options Deployment using Phonegap (Android) Hands-on exercises Storage Available options Db object localStorage Files Filessystem File read & write Handling errors Contacts Creating contacts Finding contacts Handling errors Capture Video Audio Handling errors Hands-on exercises
Introduction to PhoneGap Background Setting up the environment for Android Handling Events Working With The Device, The Network, And Notifications Getting Information from the Device Determining the Connection Type Using Notifications Using Alerts Using Confirmation Dialogs Using Beeps Using Vibrations Accelerometer Using the Acceleration Object Using Accelerometer Methods Media The Media Object Using Media Methods Camera Using The Camera Object Using The Getpicture Method Using Camera Options Geolocation Position, PositionError, Coord Geolocation Methods Geolocation Options Deployment using Phonegap (Android) Hands-on exercises Storage Available options Db object localStorage Files Filessystem File read & write Handling errors Contacts Creating contacts Finding contacts Handling errors Capture Video Audio Handling errors Hands-on exercises
HTML 5 and associated technologies like CSS3 are making the mobile web more capable. Key points include: - HTML5 introduces tags for audio, video, offline storage and caching that allow richer mobile web applications. - CSS3 adds features like shadows, gradients, rounded corners, transitions and 3D transforms that improve visuals on mobile. - Gesture events in WebKit allow detection of swipes, pinches and other gestures on touchscreens. - HTML5 APIs for local storage, databases and the application cache enable offline functionality in mobile web apps. - While support varies, most mobile browsers now support many HTML5 and CSS3 features, allowing enhanced mobile web experiences.